<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网易1元夺宝 - 一个收获惊喜的网站</title>
    <link rel="stylesheet" type="text/css" href="css/duobao.css">
</head>
<body>
    
    <!--  顶部条 -->
    <div class="top-wp">
        <div class="top-content">
    <!-- 头部1 -->
            <div class="content-1">
                <span class="huanying"> 欢迎来到网易一元夺宝！</span>
                <ul>
                    <li><a class="login" href="">请登录</a></li>
                    <li><a href="">免费注册</a></li>
                    <li><a href="">我的夺宝</a><i class="xiasj"></i></li>
                    <li><a href="">我的红包</a></li>
                    <span class="shuxian">|</span>
                    <li><a href="">官方微博</a> <i class="weibo"></i></li>
                    <span class="shuxian">|</span>
                    <li><a href="">官方交流群</a></li>
                </ul>
            </div>
             <!--  头部2部分 -->
            <div class="content-2">
                <i class="duobao"></i>
                <i class="xiazai"></i>
                <!--  清单部分 -->
                <div class="qingdan">
                    <i class="gwc"></i>
                    <a href="">清单</a>
                    <div class="qipao">
                        <i class="zsjx"></i>
                        <span>0</span>
                    </div>
                </div>
               <!--    输入框部分 -->
                <div class="right">

                    <div class="wenben">
                        <div class="biank">
                            <input type="text">
                            <div class="app">
                                <a href="">苹果</a>
                                <a href="">手机</a>
                            </div>
                        </div>
                    </div>
                    <a class="fdjk">
                        <i class="fdj"></i>
                    </a>
                </div>

         <!--        头部3部分 -->
                <div class="content-3">
                    <div class="content-left">
                        <div class="left-top">
                            <a href="">商品分类</a>
                        </div>
                        <div class="left-bottom">
                            <ul>
                                <li><a href="">全部商品</a></li>
                                <li><a href="">手机平板</a></li>
                                <li><a href="">电脑办公</a></li>
                                <li><a href="">数码影音</a></li>
                                <li><a href="">女性时尚</a></li>
                                <li><a href="">美食天地</a></li>
                                <li><a href="">潮流新品</a></li>
                                <li><a href="">网易周边</a></li>
                                <li><a href="">其他商品</a></li>
                            </ul>
                            <i class="bolang"></i>
                        </div>
                    </div>
                    <div class="content-right">
                        <ul>
                            <li class="on">首页</li>
                            <span>|</span>
                            <li>十元专区</li>
                            <span>|</span>
                            <li>最新揭晓</li>
                            <span>|</span>
                            <li>晒单分享</li>
                            <span>|</span>
                            <li>发现<i class="xiasj"></i></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 中间部分 -->
    <div class="middle-wp">
        <div class="middle-content">
            <div class="content-left">
                <div class="left-haigl">
                    <div class="sfyz" title="关于海购类商品需要验证身份证的说明">关于海购类商品需要验证身份证的说明</div>
                    <div class="wykl">网易考拉海购（http://www.kaola.com）提供并发货的夺宝活动，商品均从国外直供，根据海关政策，获奖者需要提供收货人的身份证信息，参与请慎重！
                    您的实名认证信息仅作清关用途，一元夺宝将严格保密。</div>
                    <div class="xiangqing">查看详情>></div>
                </div>
            </div>
            <div class="center-wp">
                <div class="datu">
                    <i class="picture"></i>
                
                    <div class="tupian">
                        <ul>
                            <li class="red"></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                    </div>
                </div>

                    <div class="zjmd">
                        <ul class="zhongjiang">
                            <li>
                                <a href="">华为 HUAWEI Mate S 臻享版 移动/联通双4G 32G ROM</a>
                                <p class="p1">总需：3999人次</p>
                                <p class="p2">期号：306152039</p>
                                <p class="p3">期号：<b>中台Q5去提亲</b></p>
                                <p class="p4">本期参与：100人次</p>
                                <p class="p5">幸运号码：10001757</p>
                                <i class="jiexiao"></i>
                                <i class="shouji"></i>
                            </li>
                            <li>
                                <a href="">华为 HUAWEI Mate S 臻享版 移动/联通双4G 32G ROM</a>
                                <p class="p1">总需：3999人次</p>
                                <p class="p2">期号：306152039</p>
                                <p class="p3">期号：<b>中台Q5去提亲</b></p>
                                <p class="p4">本期参与：100人次</p>
                                <p class="p5">幸运号码：10001757</p>
                                <i class="jiexiao"></i>
                                <i class="shouji"></i>
                            </li>
                        </ul>
                        <ul class="yuandian">
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                    </div>
                    <div class="tuijian">
                        <i class="tuijian" title="推荐夺宝">tuijian</i>
                        <a href=""><i class="yunmai" title="云麦 好轻 Color 体脂称">tupian</i></a>    
                        <a href="">云麦 好轻 Color 体脂称</a>
                        <span>总需：129 人次</span>
                        <i class="huangtiao"></i>
                    </div>
            </div>
        </div>
    </div>        
</body>
</html>